<template>
	<view>
		<uni-popup ref="popup" type="bottom">
			<view class="bg-white padding-sm radiusTop" style="padding-bottom: 140rpx;">
				<view style="display: flex;  justify-content: space-between;">
					<view>
						<view class=" font-34rpx">优惠劵</view>
					</view>
					<view @click="close()" class="cuIcon-close"></view>
				</view>

				<!-- 验卷 -->
				<view class="margin-top-sm">
					<view style="display: flex;" class="juzhong">
						<image src="@/static/icon/抖音.png" class="yanjuanimgicon"></image>
						<image src="@/static/icon/美团.png" class="yanjuanimgicon"></image>
						<image src="@/static/icon/大众点评.png" class="yanjuanimgicon"></image>
					</view>
					<view class="margin-top-sm">
						<view>
							<view style="padding-bottom: 10rpx;">
								<uni-easyinput placeholder="请输入劵码" suffixIcon="scan"></uni-easyinput>
							</view>
						</view>

					</view>
					<view>
						<button class="bg-pink font-13 radius" style="width: ;">验劵</button>
					</view>

				</view>

				<discountCoupons></discountCoupons>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		name: "discountCoupons",
		data() {
			return {
				location: {
					address: "加载中..."
				}
			};
		},
		onShow() {

		},
		methods: {
			open() {
				this.init()
				this.$refs.popup.open()
			},
			close() {
				this.$refs.popup.close()
			},
			selectStore(data) {
				this.$refs.popup.close()
			},

			init() {
				this.location = this.$storage.getItem("location")
				console.log(this.location);
			}

		}
	}
</script>

<style>
	.yanjuanimgicon {
		height: 100rpx;
		width: 100rpx;
		border: 100rpx;
		padding: 10rpx;
		margin-left: -30rpx;
		border-radius: 50%;
		background-color: #fff;
	}
</style>